<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象</title>
</head>
<body>
<script type="text/javascript">
    //
    //数组 有序的数据
    var arr = ["zhangsan","lisi","wangwu"];
    console.log(arr);
    //对象 无序的数据
    var obj = {"name":"zhangsan","age":"18","sex":"男"};
    var obj2 = {"age":"22","sex":"女","name":"lisi"}
    console.log(obj, obj2);
    console.log(obj.name, obj2.age)
    //语法：
    //对象的定义
    /*var 对象名 = {"属性名1":"属性值1","属性名2":"属性值2","属性名3":"属性值3",...}*/
    //引号可以省略
    /*var 对象名 = {
        属性名1:属性值1,
        属性名2:属性值2,
        属性名3:属性值3,
       ...
    }*/
    //对象的属性名可以是任意的字符串，也可以是数字，但是不建议使用数字
    //对象的属性值可以是任意的数据类型（还能是函数），也可以是对象
    var obj3 = {
        "name":"zhangsan",
        "age":"100",
        "sex":"nan",
        "info":function(home) {
            // console.log("我叫"+this.name+"，今年"+this.age+"岁了,我来自"+home);
            return "我叫"+this.name+"，今年"+this.age+"岁了,我来自"+home; //返回值
        }
    }
    var res = obj3.info("北京");
    console.log(res);

    console.log(obj3.age);  //100
    console.log(obj3.info); //输出函数定义
    // console.log(typeof obj3) //对象类型
    //调用对象的方法
    obj3.info("上海");
    //设置对象的成员（修改，新增）
    obj3.age = 64;
    console.log(obj3.age);

    //对象也可以使用 []语法  对象['成员名'];
    //注意 []中的成员名称，一定是个字符串格式
    console.log(obj['age']);
    //如果[]中的不是字符串格式，则会被解析为一个变量名，会尝试将变量的值取出来，作为对象的成员名称
    // console.log(obj[age]);  //报错

    //删除对象的成员
    delete obj3.age;    //delete obj3['age'];
    console.log(obj3);

</script>
</body>
</html>